<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />-->
		<title>PHONE项目</title>
		<link rel="icon" type="image/x-icon" href="${basePath}static/img/HomePageImg/L.jpg" />
		<link rel="stylesheet" href="${basePath}static/HomePageCss/cool.css" />
		<link rel="stylesheet" href="${basePath}static/HomePageCss/top.css" />
		<link rel="stylesheet" href="${basePath}static/HomePageCss/model.css" />
		<link rel="stylesheet" href="${basePath}static/HomePageCss/zq.css" />
		<link rel="stylesheet" href="${basePath}static/HomePageCss/rightbar.css" />
		<link rel="stylesheet" href="${basePath}static/HomePageCss/bottom.css" />
	</head>

	<body>
<!-- 插入前两栏 -->
<%@ include file="menu.jsp" %>

		<!--左上角的联想图标-->
		<div class="logo pinned">
			<a href="#" target="_blank">
				<img src="${basePath }static/img/HomePageImg/Lenovo.jpg" />
			</a>
		</div>

		<!--页面右侧的功能栏-->
		<div class="rightbar" id="rightbar">
			<ul>
				<li class="rightbar_hover">
					<a href="##" class="myicon icon_block myicon_hotline" title="热线联络">热线</a>
					<div class="rightbar_show rightbar_show_hotline">
						<dl class="clearfix">
							<dt class="myicon hover_lenovo"></dt>
							<dd><a href="##">Lenovo服务热线<br>4000-888-222</a></dd>
							<dt class="myicon hover_thinkpad"></dt>
							<dd><a href="##">ThinkPad服务热线<br>400-898-9006</a></dd>
							<dt class="myicon hover_service"></dt>
							<dd><a href="##">服务产品购买热线<br>400-890-1566</a></dd>
							<dt class="myicon hover_TV"></dt>
							<dd><a href="##">智能电视咨询购买热线<br>400-100-5858</a></dd>
						</dl>
						<span class="myicon myicon_small"></span>
					</div>
				</li>
				
				<li class="rightbar_hover">
					<a href="##" class="myicon icon_block myicon_ask" title="客服咨询">客服</a>
					<div class="rightbar_show rightbar_show_ask">
						<dl class="clearfix">
							<dt class="myicon hover_before"></dt>
							<dd><a class="onlinkLink" href="##">售前咨询，获取更多优惠<br>9:00－22:00</a></dd>
							<dt class="myicon hover_after"></dt>
							<dd><a href="##">服务类售后咨询<br>00:00－24:00</a></dd>
						</dl>
						<span class="myicon myicon_small"></span>
					</div>
				</li>
				
				<li class="rightbar_hover">
					<a href="##"  class="myicon icon_block myicon_phone" title="扫描二维码下载手机版App">手机App</a>
					<div class="rightbar_show rightbar_show_ask">
						<dl class="clearfix">
							<img  src="static/img/HomePageImg/getQRImg.jpg" width="200px" height="200px"/>
						</dl>
						<span class="myicon myicon_small"></span>
					</div>
				</li>
				<li>
					<a href="##" class="myicon icon_block myicon_teasing" title="">编辑</a>
				</li>
			</ul>
			<a href="javascript:;" class="myicon totop" id="totop" title="返回顶部">返回顶部</a>
		</div>

		<!--轮播的大图片块-->
		<div id="navAuto">
			<div class="navAutoImg">
				<a href="registe.html"><img id="img1" src="static/img/HomePageImg/nav1.jpg" style="display: none;" /></a>
				<a href="##"><img id="img2" src="static/img/HomePageImg/nav2.jpg" style="display: none;" /></a>
				<a href="##"><img id="img3" src="static/img/HomePageImg/nav3.jpg" style="display: none;" /></a>
				<a href="##"><img id="img4" src="static/img/HomePageImg/nav4.jpg" style="display: none;" /></a>
				<a href="##"><img id="img5" src="static/img/HomePageImg/nav5.jpg" style="display: none;" /></a>
				<a href="##"><img id="img6" src="static/img/HomePageImg/nav6.jpg" style="display: none;" /></a>
				<a href="##"><img id="img7" src="static/img/HomePageImg/nav7.jpg" style="display: none;" /></a>
			</div>
			<!--选择广告页面的四个按钮-->
			<div class="navAutoaaa ">
				<a href="javascript:show(1)"><button id="aaa1" class="newaaa"></button></a>
				<a href="javascript:show(2)"><button id="aaa2" class="newaaa"></button></a>
				<a href="javascript:show(3)"><button id="aaa3" class="newaaa"></button></a>
				<a href="javascript:show(4)"><button id="aaa4" class="newaaa"></button></a>
				<a href="javascript:show(5)"><button id="aaa5" class="newaaa"></button></a>
				<a href="javascript:show(6)"><button id="aaa6" class="newaaa"></button></a>
				<a href="javascript:show(7)"><button id="aaa7" class="newaaa"></button></a>
			</div>
		</div>

		<!--具体商品-->
		<div class="lenovo-mod">
			<div class="wrapper">
				<div class="phone-section">
					<ul class="product-list product-list1 clearfix" id="phone-list"> 
						 		
					</ul>
				</div>
			</div>
		</div>
		
		
		
		
<!-- 插入尾部 -->
<%@ include file="end.jsp" %>
	
		
</body>

	<script type="text/javascript" src="${basePath }static/jquery-1.12.4/jquery-1.12.4.min.js"></script>
	<script type="text/javascript" src="${basePath }static/HomePageJs/cold.js"></script>
	<script type="text/javascript" src="${basePath }static/HomePageJs/jquery.pin.js"></script>
	<script type="text/javascript" src="${basePath }static/HomePageJs/navAuto.js"></script>
	<script type="text/javascript" src="${basePath }static/HomePageJs/registerImg.js" ></script>
	<script type="text/javascript" src="${basePath }static/layer-v3.1.1/layer/layer.js" ></script>
	<script type="text/javascript ">
		function ShowLogin() {
			layer.open({
				type: 2,
    			title: '登录',
    			maxmin: true,
    			area: ['800px', '600px'],
    			content: '59.110.136.66:8080/phoneO2O/userlogin_1',
			});
		}
	</script>
	
	<!-- 
	<script type="text/javascript ">
	$(document).ready(function(){
		var o=document.getElementById("deleteloc");//获取父节点
		var a=document.getElementById("loginIoc");//获取需要删除的子节
		//获取用户的登录账号（手机号）
		var $isLogin=<%=session.getAttribute("userTel")%>
		//判断是否登录
		if($isLogin == null ||  typeof($isLogin) == "undefined"|| $isLogin == ""){
			
		}else{
			o.removeChild(a); //从父节点o上面移除子节点a;
			$("#deleteloc").html("<span ><%=session.getAttribute("userName")%></span>");
			document.getElementById("userstatus").style.display="";
		}
	});
</script>
	 -->
	 
	<script type="text/javascript">
	    //页面一加载就查询phone表格所有信息
		$(function() {
			$.ajax({
				type : "GET", // 请求类型
				url : "AjaxQueryPhoneAction", // 请求的url
				data : null, // 发送的数据 使用serialize方法替代手动拼写数据串
				dataType : "json", // 响应发挥的数据类型  
				success : function(data, textStatus, jqXHR) { // 执行成功之后的回调函数
					// 回调函数的dom操作

					// 解析json数据，在控制台显示查询结果
					console.info(data);
				
					var proData=data.valueOf();
					var strHtml = '';
					
					$.each(proData,function(index,item){
						
						strHtml+= '<li><img class="pic tan1" src="';
						strHtml+=item.phoneimg;
						strHtml+='"/><div class="inner "><h4 class="tit">';
						strHtml+=item.phonename;
						strHtml+='</h4><p class="price"><i>¥</i><em>';
						strHtml+=item.phoneprice;
						strHtml+='</em>起</p> <a href="${basePath }jump3?pg=phoneTemp&uid2=';
						strHtml+=item.phoneid;
						strHtml+='" target="_blank" class="btn" >立即购买</a></div></li>';
						
					})
					
					$("#phone-list").html(strHtml);

				},
				error : function(data) {
					alert("请求失败" + data);
				}
			});
		});
	
	</script>
	
</html>